<html class=" js canvas svg svgclippaths no-retina"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
/* Modernizr 2.5.3 (Custom Build) | MIT & BSD
 * Build: http://www.modernizr.com/download/#-canvas-svg-svgclippaths-cssclasses-addtest
 */
;
window.Modernizr=function(a,b,c){function v(a){j.cssText=a}function w(a,b){return v(prefixes.join(a+";")+(b||""))}function x(a,b){return typeof a===b}function y(a,b){return!!~(""+a).indexOf(b)}function z(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:x(f,"function")?f.bind(d||b):f}return!1}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m={svg:"http://www.w3.org/2000/svg"},n={},o={},p={},q=[],r=q.slice,s,t={}.hasOwnProperty,
u;!x(t,"undefined")&&!x(t.call,"undefined")?u=function(a,b){return t.call(a,b)}:u=function(a,b){return b in a&&x(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=r.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(r.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(r.call(arguments)))};return e}),
n.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},n.svg=function(){return!!b.createElementNS&&!!b.createElementNS(m.svg,"svg").createSVGRect},n.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(l.call(b.createElementNS(m.svg,"clipPath")))};for(var A in n)u(n,A)&&(s=A.toLowerCase(),e[s]=n[A](),q.push((e[s]?"":"no-")+s));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)u(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();
if(e[a]!==c)return e;b=typeof b=="function"?b():b,g.className+=" "+(b?"":"no-")+a,e[a]=b}return e},v(""),i=k=null,e._version=d,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+q.join(" "):""),e}(this,this.document);
Modernizr.addTest("retina", function() {
	return !!navigator.userAgent.match(/iPhone|iPad/i) && window.devicePixelRatio == 2
});
if (Modernizr.retina == true) {
	imgFolder = "/img/rolex_clock/imgRetina"
} else {
	imgFolder = "/img/rolex_clock/img"
}
var extension = "svg";
if (Modernizr.svg == true) {
	extension = "svg"
} else {
	extension = "png"
}
var clockWidth = '235';
var clockHeight = '203';
</script>
<style type="text/css" media="screen">
	#rolexClockWim-container {margin:0;padding:0;border:0; background: transparent;} .insideBorder
	{ border : 0px; position: relative; } .insideBorder::after { content: '';
	position: absolute; border: 2px solid #0f3c03; border-radius: 5px; left:
	0px; top: 0px; width: 262px; height: 140px; } #retina { position: absolute;
	top:0; left:0px; } #logo { position: relative; left: 147px; top: 22px;
	} ul { padding-left: 6px; list-style-type: none; display: inline; width:auto;
	display: block; } li:first-child { border-left: 0px solid white; } li,
	ol { margin-left:5px; padding-left:5px; list-style-type: none; display:
	inline; float: left; text-align:left; border-left: 1px solid white; }
	.topcenter {
		z-index: 10000;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-size: 10px;
		font-family: UniversLT55Regular, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, sans-serif;
		left: 120px;
		top: 145px;
		width: 115px;
		text-align: left;
		cursor: pointer;
		color: #006039;
		float: right;
		line-height: normal;
		position: absolute;
	}
	.topleft {
		position: absolute;
		z-index: 10000;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-size: 10px;
		font-family: UniversLT55Regular, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, sans-serif;
		left: 20px;
		top: 19px;
		width: 100px;
		text-align: left;
		cursor: pointer;
		line-height: normal;
		color: #006039;
		float: left;
	}
	.bottomleft {
		position: absolute;
		z-index: 10000;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-size: 10px;
		line-height: normal;
		font-family: UniversLT55Regular, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, sans-serif;
		left: 20px;
		top: 54px;
		width: 100px;
		text-align: left;
		cursor: pointer;
		color: #006039;
		float: left;
	}

	.righttop {
		position: absolute;
		z-index: 10000;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-size: 10px;
		line-height: normal;
		font-family: UniversLT55Regular, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, sans-serif;
		left: 212px;
		top: 19px;
		width: 100px;
		text-align: left;
		cursor: pointer;
		color: #006039;
		float: left;
	}
	#yourTime {
		z-index: 10000;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-size: 10px;
		line-height: normal;
		font-family: UniversLT55Regular, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, sans-serif;
		left: 120px;
		text-align: left;
		cursor: pointer;
		color: #ab8d51;
		float: right;
		position: absolute;
	}
	#arrow {
		position: absolute;
		left: -12px
	}
	#arrow0 {
		position: absolute;
		left: -12px
	}
	#arrow1 {
		position: absolute;
		left: -14px
	}
	#arrow2 {
		position: absolute;
		left: -14px
	}

	.green {
		color: green
	}
	
	
</style>
</head><body>
	<div id="rolexClockWim-container" style="position: absolute; top: 0px; left: 0px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-family: Arial, sans-serif; color: rgb(255, 255, 255); overflow: hidden; text-overflow: clip; margin: 0px; padding: 0px; width: 235px; height: 203px; background-color: transparent; background-position: 0% 50%; background-repeat: no-repeat no-repeat;">
		<div id="rolexClockWim-backToRolex" style="margin: 0px; padding: 0px; border: 0px; position: absolute; z-index: 60; display: block; text-decoration: none; background-color: rgba(255, 255, 255, 0); width: 235px; height: 203px;">
			<a id="trackUrl" href="http://www.rolex.com/en#/home/?cmpid=dw201301477" target="_blank" class="rolexClockWim-backToRolex" style="margin: 0px; padding: 0px; border: 0px; position: absolute; display: block; z-index: 60; text-decoration: none; left: 0px; height: 117px; width: 235px;"></a>
		</div>
		<div id="retina">
		</div>
		<div id="yourTime" style="display: block; top: 164px; color: rgb(171, 141, 81);">

			<div id="textContainer">
				<div class="" id="arrow" width="9" height="7" style="display: none; position: absolute; color: rgb(171, 141, 81);">
				<span style="font-size:14px;line-height:.8;">
							•
				</span>
				</div>
				<span id="rolexClockYourTime" style=""> 02:31</span>
				<span id="localtext" style="">Your time</span>
				
			</div>

		</div>
		<div id="timezone" style="display: block; color: rgb(2, 125, 87);" class="topcenter">


			<div id="textContainer1">
				<div class="" id="arrow0" width="9" height="7" style="position: absolute; color: rgb(2, 125, 87);">
				 <span style="font-size:14px;line-height:.8;display">
							•
				</span>
				</div><span id="rolexClockCityTime" style=""> 07:31</span>
				<span id="cityText" style="">Budapest</span>
				
			</div>

		</div>
		<a id="trackUrl2" href="http://www.rolex.com/en#/home/?cmpid=dw201301477" target="_blank" class="rolexClockWim-backToRolex" style="margin: 0px; padding: 0px; border: 0px; position: absolute; top: 0px; width: 235px; height: 200px; display: none; z-index: 60; text-decoration: none;"></a>
		<div id="timezone1" style="margin-left: 2px; display: none; color: rgb(171, 141, 81);">


			<div id="textContainer2">
				<div class="" id="arrow1" width="9" height="7" style="position: absolute; display: none; color: rgb(171, 141, 81);">
				 <span style="font-size:14px;line-height:.8;">
							•
			</span>
				</div>
				<span id="cityText1" style="position:relative;display:block;  right: 0px;"></span>
				<span id="rolexClockCityTime1" style="position: relative;  line-height:1;">
			</span>
			</div>

		</div>
		<div id="timezone2" style="margin-left: 2px; display: none; color: rgb(171, 141, 81);">


			<div id="textContainer2">
				<div class="" id="arrow2" width="9" height="7" style="position: absolute; display: none; color: rgb(171, 141, 81);">
				 <span style="font-size:14px;line-height:.8;">
						•
			</span>
				</div>
				<span id="cityText2" style="position:relative;display:block;  right: 0px;"></span>
				<span id="rolexClockCityTime2" style="position: relative; sline-height:1;">
			 01:35 
			</span>
			</div>

		</div>
		<div id="global_watch" style="position:absolute;margin:0px;padding:0px;border:0;z-index:50;">
			
		<canvas id="regular_timepiece_canvas" width="235" height="203" style="position: absolute; z-index: 23;"></canvas></div>
	</div>
	<script>
    function CT_ToggleTimeZones(anchor) {
    var sZone = anchor.id.toString().toLowerCase();
    switch (sZone) {
        case "race":
                bLocal = false;
                anchor.childNodes[0].nodeValue = "Convert To Your Time";
                anchor.id = "local";
                break;
        default:
                bLocal = true;
                anchor.childNodes[0].nodeValue = "Convert To Race Local Time";
                anchor.id = "race";
    }
    var myFlashMovie;
	function init() {
		if (document.getElementById) {
			myFlashMovie = document.getElementById("rolex-clock");
		}
	}
	
	window.onload = init;
    return false;
}
</script>
		
	<script src="listofdates.js"></script>
	<script src="timezones.js"></script>
	<script src="_01_watch_params.js"></script>
	<script src="_02_watch_params_postprocessing.js"></script>
	<script src="_05_watch_engine.js"></script>
	<script src="_07_displayer_v2.js"></script>
	<script src="watch.js" type="text/javascript" charset="utf-8" async="" defer="">
	</script></body></html>